body {padding: 0;margin: 0;background: #f2f2f2;font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;color: #444340;}
h1 { font-size: 1.3em; padding: 15px 10px; margin: 0; }
h2 { font-size: 1.1em; padding: 10px; margin: 0; }
img { border: none; }
a { color: #444340; }

#Header { background: #EEBF02; height: 61px; padding: 0; border-bottom: 1px solid #3c3c3c;  }
#Header img { display: block; margin: 0 auto 0; }

#MainContent {/* padding-bottom: 30px; */width:  100%;/* overflow:  hidden; */position:  relative;/* display:flex; */}

#Footer { padding: 10px; border-top: none; }

#SocialLinks { padding: 10px 0 0 0; }
/*#SocialLinks:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }*/
#SocialLinks a { display: block; float: left; padding-right: 15px; }

.gallery {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position:relative;
    display:  flex;
    flex-wrap: wrap;
}
/*.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }*/
.gallery li {
    width: 49%;
    position: relative;
    height: 14rem;
    margin-top: 0.75rem;
    background:  #ffffff;
}
.gallery li:nth-of-type(even){
    margin-left:auto;
}
.gallery li:first-child{
    /* display:block; */
}
.gallery li a {
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    height: 11rem;
}
.gallery li a:first-child{
    display:block;
}
.gallery li img {/* display: block; */width:100%;height: 100%;}

.gallery .text-info{
    width:  100%;
    height: 3rem;
    position:  absolute;
    bottom:  0;
    left:  0;
    display:  flex;
    line-height:3rem;
}
.gallery .text-info .touxiang{
    width: 1.5rem;
    height: 1.5rem;
    margin-top: 0.75rem;
    margin-left:0.25rem;
}
.gallery .text-info .name{
    margin-left:0.15rem;
    margin-right:auto;
}
.gallery .text-info .zan-info{
    margin-right:0.25rem;
}
.gallery .text-info .zan-info .icon{
    background: url("../../business/images/zan.png") no-repeat center center;
    background-size: 100% 100%;
    width:0.75rem;
    height:0.75rem;
    display:inline-block;
    position:relative;
    top:0.1rem;
}
.gallery .text-info .zan-info .icon.active{
    background: url("../../business/images/zan-active1.png") no-repeat center center;
    background-size: 100% 100%;
}

.gallery .text-info .zan-info .num{
    font-size:12px;
    color:#999999;
}
.gallery .text-info .zan-info .num.active{
    color: #ff1313;
}
/* For inline examples only */
#PhotoSwipeTarget { width: 100%; height: 200px; }

#Indicators { text-align: center; margin-top: 20px; }
#Indicators span { display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current{ background: #EEBF02; }

